﻿@*@model SILAS.Entidades.Ubigeo *@
				
@model SILAS.UI.ViewModels.SectorViewModel


		   
@if (false)
{
	<script src="../../Scripts/jquery-1.5.1-vsdoc.js" type="text/javascript"></script>
}


<script src="@Url.Content("~/Scripts/jquery-1.8.2.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

	<script type="text/javascript">

	    $(function () {

	        $("#IdDistrito").change(function () {
	            //alert('Cambiaste el combo = ' + $("#IdDistrito").val());
	            LoadCentroPoblado($(this).val());

	            var idubigeo = document.getElementById("IdDistrito").value;
	            alert('ubiego de distrito es ' + idubigeo);

	            $.getJSON(
					'@Url.Action("../Distrito/getDistritoByUbigeo")', // URL a la acción
					{idubigeo: idubigeo }, // Objeto JSON con parámetros
					function (data) { // Función de retorno exitoso
					    if (data.exito) {
					        $("#lat").val(data.Distrito.lat);
					        alert('Latitud :' + data.Distrito.lat);
					        $("#lng").val(data.Distrito.lng);
					        $("#altu").val(data.Distrito.altu);

					     

					    }
					    else {
					        alert(data.message);
					    }
					});

	            LoadCaserio($(IdCentroPoblado).val());
	        });

	        $("#IdCentroPoblado").change(function () {
	            //alert('Cambiaste el combo = ' + $("#IdCentroPoblado").val());
	            LoadCaserio($(IdCentroPoblado).val());
	        });

	        $("#BuscarSector").click(function () {
	            //alert('Clik en buscar sector');

	            var nivel = seleccionNivel();
	            var idubigeo;
	            alert('Nivel es ' + nivel);
	            if (nivel == "Centro Poblado") {
	                idubigeo = document.getElementById("IdCentroPoblado").value;
	                alert('El ubigeo es ' + idubigeo);
	            }

	            if (nivel == "Caserio") {
	                idubigeo = document.getElementById("IdCacerio").value;
	                alert('El ubigeo es ' + idubigeo);
	            }


	            $.getJSON(
					'@Url.Action("../Sector/getSectorByUbigeo")', // URL a la acción
					{idubigeo: idubigeo },                  // Objeto JSON con parámetros
					function (data) {                    // Función de retorno exitoso
					    if (data.exito) {
					        $('#sector').val(data.Sector.Ubigeo);
					        $('#IdS').val(data.Sector.Id);

					        var url = $("#urlSAP").attr("href");
					        //alert(url);

					        url = url + '/index/' + data.Sector.Id;

					        //alert(url);

					        $("#urlSAP").attr("href", url);
					    }
					    else {
					        alert(data.message);
					    }
					});


	        });



	    });

		/**************este es para los centros poblados*********/
		function LoadCentroPoblado(id) {
				var dd = document.getElementById("IdCentroPoblado");
				dd.options.length = 0;
				dd.options[0] = new Option("Espere...");
				dd.selectedIndex = 0;
				dd.disabled = true;
				
				// Control de errores

				$("#IdCentroPoblado").ajaxError(function (event, request, settings) {
					dd.options[0] = new Option("Selecciona un CP");
				});

				// Obtenemos los datos...

				$.getJSON(
					'@Url.Action("../Sector/getServiceHijosByIdUbigeoRJSON")', // URL a la acción
					{IdUbigeoR: id },                  // Objeto JSON con parámetros
					function (data) {                    // Función de retorno exitoso
						$.each(data, function (i, item) {
							dd.options[i] = new Option(item.label, item.value);
						});
						dd.disabled = false;
					});
			}

			// ******************* esto es para los caserios ********************

			function LoadCaserio(id) {
				var dd = document.getElementById("IdCacerio");
				dd.options.length = 0;
				dd.options[0] = new Option("Espere...");
				dd.selectedIndex = 0;
				dd.disabled = true;
				
				// Control de errores

				$("#IdCacerio").ajaxError(function (event, request, settings) {
					dd.options[0] = new Option("Selecciona un caserio");
				});

				// Obtenemos los datos...

				$.getJSON(
					'@Url.Action("../Sector/getServiceHijosByIdUbigeoRJSON")', // URL a la acción
					{IdUbigeoR: id },                  // Objeto JSON con parámetros
					function (data) {                    // Función de retorno exitoso
						$.each(data, function (i, item) {
							dd.options[i] = new Option(item.label, item.value);
							if (dd.options[i] == 'Espere...')
							{
								alert('No existen caserios para este CP')
							}
						});
						dd.disabled = false;
				});

				
			}

			//************************************************************

			function seleccionNivel() {
				var f = document.getElementsByName("Nivel");
				var seleccionado = false;
			   
				
				for (var i = 0; i < f.length; i++) {
					if (f[i].checked) {
						seleccionado = true;
						//alert('Haz seleccionado ' + f[i].value);
						return f[i].value;
						break;
					}
				}
			}

		
	</script>
	<!-- ################################################################# -->





@using (Html.BeginForm())
{
	@Html.ValidationSummary(true)
	 <br />
	<fieldset><legend><b>Ubigeo</b></legend>
			<div class="editor-label">
				<p>@Html.Label("Departamento")</p>
				<p>@Html.TextBox("txtDep", "Cajamarca")</p>
			</div>
						

			<div class="editor-label">
				@Html.Label("Provincia")
				<p>@Html.TextBox("txtProv", "Cajamarca")</p>
			</div>

			<div class="editor-label">
				@Html.Label("Distrito")
			</div>
			<div class="editor-field">
				<p>@Html.DropDownList("IdDistrito")</p>
				@Html.ValidationMessageFor(model => model.ubigeo.IdProvincia)
			</div>

			<div class="editor-label">
				@Html.Label("Centro Poblado")
			</div>
			<div class="editor-field">
				<p>@Html.DropDownList("IdCentroPoblado")</p>
				@Html.ValidationMessageFor(model => model.ubigeo.IdDistrito)
			</div>

			<div class="editor-label">
				@Html.Label("Caserio")
			</div>
			<div class="editor-field">
				@Html.DropDownList("IdCacerio")
				@Html.ValidationMessageFor(model => model.ubigeo.IdCentroPoblado)
			</div>
	
	<p></p>

	</fieldset>
	<br />
	<p><b>Buscar Sector</b></p>
	<fieldset>
	<b>Seleccionar Nivel</b> <br />
		 
		<label>@Html.RadioButton("Nivel","Centro Poblado", true) Centro Poblado</label> 
	   <br /><label>@Html.RadioButton("Nivel","Caserio", false) Caserio</label> 
	   <br /><br />
	   <button type ="button" id="BuscarSector">Buscar Sector ▼</button>
	   <br /><br /><p><b>Sector Encontrado :</b></p>
	
	<p><input type="text" id = "sector" name="sector" size="20" disabled=true value=" ">
	</p>
	 
	<input type="hidden" id = "IdS" value="0" />

	</fieldset>
	
  
	
	<br /><br />
	<p>@Html.ActionLink("CREAR SECTOR", "Create")<a href="@Url.Action("Create", "Sector")">
			   <img src="@Url.Content("~/Content/Imagenes/nuevo.jpg")" title="Crear Sector" alt="Crear Sector" />
			</a></p>
	
	<p>@Html.ActionLink("EDITAR SECTOR", "Edit") <a href="@Url.Action("Create", "Sector")">
			   <img src="@Url.Content("~/Content/Imagenes/edit.png")" title="Editar Sector" alt="Editar Sector" />
			</a></p>
   
		
		
}

